
.points-list{
  // padding: 10px 0;
  height: 510px;
  border: 1px solid #ddd;
  border-top: none;
  margin-top: -2px;
  overflow-y: auto;
  .point-item{
    @include clearfix();
    padding: 6px;
    transition: background-color .1s;
    cursor: pointer;
    &>.point{
      float: left;
      width: 34px;
      height: 30px;
      padding: 6px;
    }
    &>.info{
      float: left;
      width: calc(100% - 34px - 60px);
      .info-title{
        font-weight: normal;
        margin: 0;
        font-size: 14px;
        color: rgb(64, 158, 255);
        line-height: 30px;
      }
      &>p{
        margin: 0;
        color: #999;
        font-size: 14px;
        line-height: 24px;
      }
    }
    &>.set-btn{
      float: left;
      width: 60px;
    }
    &:hover{
      background-color: #f9f9f9;
      .baidumap-markers{
        &:after{
          background-position-y: -66px;
        }
      }
    }
    &.active{
      background-color: #f1f1f1;
      .baidumap-markers{
        &:after{
          background-position-y: -66px;
        }
      }
    }
  }
}

.baidumap-markers{
  &:before{
    content: '';
    display: inline-block;
    height: 100%;
    width: 1px;
    vertical-align: middle;
  }
  &:after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-image: url(~@/assets/baiduMap/markers_new.png);
    background-repeat: no-repeat;
    width: 21px;
    height: 33px;
    overflow: hidden;
    background-position-y: -0px;
  }
  @for $i from 0 to 21 {
    &.no-#{$i + 1}{
      &:after{
        background-position-x: -$i * 21px;
      }
    }
  }
}

.BMap_bubble_content{
  &>h6{
    font-weight: normal;
    margin: 0;
    font-size: 14px;
    color: rgb(64, 158, 255);
    line-height: 26px;
  }
  &>p{
    margin: 0;
    color: #999;
    font-size: 12px;
    line-height: 22px;
  }
}